<!DOCTYPE html>
<html>
<head>
    <title>CSS Transforms Test: SVG scale with positive args on clipPath with objectBoundingBox clipPathUnits</title>
    <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
    <link rel="help" href="http://www.w3.org/TR/css3-transforms/#svg-transform">
    <link rel="help" href="http://www.w3.org/TR/css3-transforms/#svg-user-coordinate-space">
    <link rel="match" href="reference/svg-clipPath-objectBoundingBox-ref.html">
    <meta name="flags" content="svg">
    <meta name="assert" content="For the clipPath element the transform presentation attribute represents values in the current user coordinate system in place at the time when the clipPath’s element is referenced when the clipPathUnits are set to objectBoundingBox. The clipPath in this test should be scaled down by 0.5 horizontally and vertically, covering the red rect outside the group and clipping the group's red rects from view.">
    <style type="text/css">
        svg {
            width: 250px;
            height: 250px;
        }
    </style>
</head>
<body>
    <p>The test passes if there is a green square and no red.</p>
    <svg>
        <defs>
            <clipPath id="clip" clipPathUnits="objectBoundingBox" transform="scale(0.5,0.5)">
                <rect x="0.5" y="0.5" width="0.5" height="0.5"/> 
            </clipPath>
        </defs>
        <rect width="200" height="200" fill="green"/>
        <rect x="101" y="101" width="48" height="48" fill="red"/>
        <g clip-path="url(#clip)">
          <rect x="0" width="150" height="150" fill="green"/>
          <rect x="150" width="50" height="200" fill="red"/>
          <rect x="0" y="150" width="150" height="50" fill="red"/>
        </g>
    </svg>
</body>
</html>